<script setup>
import { defineProps, defineEmits } from 'vue'
import MainMenuItem from './MainMenuItem.vue'
import u from "./u.js";

const { data } = defineProps(["data"]);
const emit = defineEmits(["menu-click"])

function menuItemClick(args) {
  emit("menu-click", data);
}

</script>
<template>
<el-menu-item :index="data.id" @click="menuItemClick">
    <template #title>
      <span>{{ data.title }}</span>
    </template>
</el-menu-item>
</template>